@import  './../../../../style/font';
@import './../../../../style/color';

.exam-page {
  .ant-table-tbody > tr > td {
    height: 46px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
//登录页
.login-page {
  width:100%;
  padding: 10px 30px;

  .login-wrap {
    background: #FFFFFF;
    border: 1px solid $page-border-color;
    border-radius: 25px;

    .login-form{
      margin:0 0 47px 0;

      .ant-form-item-label{

        width:380px;
      }
      .code {
        margin-left:20px;
        width:130px;
        vertical-align: top;
        font-size: 18px;
        height: 40px;
      }
    }
    .evaluate{
      width:186px;
      height:48px;
      background: $btn-bg-color;
      border-radius: 4px;
      margin:0 auto 50px;
      text-align: center;
      line-height: 48px;
      cursor: pointer;

      img {
        width: 22px;
        height: 22px;
      }

      span{
        font-family: $DFYuanW7-GBK;
        font-size: 20px;
        color: #FFFFFF;
        letter-spacing: 0;
        margin-left:13px;
      }
      img{
        vertical-align: sub;
      }
    }
  }

  .ant-form {

    .ant-form-item-control-wrapper {

      .ant-form-item-control {
        line-height: 40px;

        .ant-input {
          height: 40px;
          width: 366px;
          border-color: #BBBBBB;
        }

        .ant-select-selection.ant-select-selection--single {
          height: 40px;
          width: 366px;
          border-color: #BBBBBB;
        }

        .ant-select-selection-selected-value,
        .ant-select-selection__rendered {
          line-height: 40px;
        }

        .ant-select-arrow {
          top:35%;
        }

        .ant-select-selection__placeholder {
          top: 55%;
        }
      }
    }
  }

  .ant-select-dropdown.ant-select-dropdown--single {
    //border-radius: 0;
    width: 366px !important;
  }
}

//测评详情
.exam-detail-page {
  padding: 10px 20px 0;

  .ant-checkbox-wrapper + .ant-checkbox-wrapper {
    margin-left: 0;
  }

  .exam-detail-wrap {
    background: #FFFFFF;
    border: none;
    border-radius: 25px;
   // padding: 20px;
    position: relative;
    overflow: hidden;

    .exam-detail-top {
      font-family: $DFYuanW7-GBK;
      font-size: $big-font-size;
      color: $form-font-color;
      letter-spacing: 0;
      padding-bottom: 30px;
      border-bottom:dashed 1px $page-border-color;
    }
    .question-wrap {
      height: 445px;
      overflow: auto;
    }
    .exam-detail-items {
      padding: 32px 80px 60px 80px;
      font-family: $DFYuanW7-GBK;
      font-size: 20px;
      color: $form-font-color;
      letter-spacing: 0;

      .exam-detail-item {

        .exam-detail-title {
          padding-bottom: 16px;
          padding-top: 15px;
        }

        .exam-detail-choice {
          padding-left: 50px;
          .radio-vertical {
            display: block;
            font-family: $DFYuanW7-GBK;
            font-size: 20px;
            color: $form-font-color;
            letter-spacing: 0;
            padding-bottom: 15px;
          }
        }
      }
    }

    .exam-detail-submit {
      text-align: center;
      padding-bottom: 20px;

      .btn-submit {
        background-color: $btn-bg-color;
        color: white;
        font-size: 18px;
      }
    }
  }

  .exam-detail-return {
    padding-top: 13px;
  }

  //多选
  .ant-checkbox-wrapper {
    display: block;
    padding-bottom: 15px;
    &:hover {

      .ant-checkbox-inner {
        border-color: #999999;
      }
    }

    .ant-checkbox-inner {
      border-color: #999999;
    }
  }
  .ant-checkbox-group {
    //padding-left: 50px;
  }
  .ant-checkbox-checked .ant-checkbox-inner,
  .ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: #ffffff;
    border-color: #999999;
  }

  .ant-checkbox-checked {
    border-color: #999999;

    &:hover {
      .ant-checkbox-inner {
        border-color: #999999;
      }
    }
  }

  .ant-checkbox-inner {
    width: 25px;
    height: 25px;
    border-radius: 50%;
  }

  .ant-checkbox-checked .ant-checkbox-inner:after {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    top: 4px;
    left: 4px;
    border:none;
    background-color: $radio-check-color ;
  }

  .ant-checkbox-wrapper {
    font-size: 20px;
  }

  //question option
  .radio-vertical.ant-radio-wrapper {
    >span:nth-child(2) {
      display: inline-block;
      width: 550px;
      white-space: normal;
    }
  }
}
//提交模态框
.submit-modal-page {

  .modal-score {
    text-align: center;
    font-family: $DFYuanW7-GBK;
    color: $item-active-color;
    letter-spacing: 0;
    padding-top: 47px;
    position: relative;

    >img {
      width: 254px;
      height: 115px;
    }

    .sore {
      position: absolute;
      left: 0;
      width: 100%;
      text-align: center;
      font-family: $DFYuanW7-GBK;
      font-size: 52px;
      color: $score-font-color;
      letter-spacing: 0;
      top: 50%;
      transform: translateY(-30%);
    }
  }

  .content {
    font-family: $DFYuanW7-GBK;
    font-size: 20px;
    color: $home-content-color;
    letter-spacing: 0;
    padding:0  38px  50px;
  }


  .ant-modal-body {
    padding: 0;
  }
  .modal-footer {
    padding: 17px 30px 27px 30px;
    overflow: hidden;
    border-top: solid 1px $page-border-color;

    .modal-okbtn {
      float: right;
      background-color: $btn-bg-color;
      color: #ffffff;
    }
  }

  .ant-modal-close-x:before {
    content: '';
  }

}

.ant-confirm-body {

  .ant-confirm-title {
    font-size: 20px;
  }

  .ant-confirm-content {
    font-size: 18px;
  }

  > .anticon {
    font-size: 28px;
    padding-top: 5px;
  }

}

.card-title-index{
  z-index: 10;
}


.exam-title{
  .flag-left-black{
    top: 0;
  }
}


.v-login-page{
  padding: 0 20px;
  margin-top: 40px;

  .ant-select-arrow {
    top: 35%;
  }

  .login-wrap{
    background: #FFFFFF;
    border: 1px solid $page-border-color;
    border-radius: 25px;
    height: 1420px;

    .ant-form .ant-form-item .ant-form-item-label {
      height: 40px;
      line-height: 40px;
    }

    .ant-form .ant-form-item .ant-select {
      width: 366px;
    }

    .ant-form .ant-form-item .ant-select-selection--single,
    .ant-form .ant-form-item .ant-select-selection__rendered {
      height: 40px !important;
    }

    .login-form{
      margin:0 0 90px 0;

      .ant-form-item{
        margin: 30px 0;

        .ant-form-item-label{
          width:200px;
        }

        .ant-form-item-control-wrapper{

          .ant-form-item-control{

            .ant-input{
              width: 366px;
              height: 40px;
            }
          }
        }
      }

      .code.ant-btn {
        margin-left:20px;
        width:114px;
        vertical-align: top;
        font-size: 18px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        padding: 0;
      }
    }
    .evaluate{
      width:266px;
      height:60px;
      background: $btn-bg-color;
      border-radius: 4px;
      margin:0 auto;
      text-align: center;
      line-height: 60px;
      margin-bottom:150px;
      cursor: pointer;

      span{
        font-family: $DFYuanW7-GBK;
        font-size: 24px;
        color: #FFFFFF;
        letter-spacing: 0;
        margin-left:13px;
      }
      img{
        vertical-align: sub;
      }
    }
  }
  .knowledage-login{
    margin-top: 380px;
  }
}

//测评详情
.v-exam-detail-page {
  margin: 4px 15px;

  .ant-checkbox-wrapper + .ant-checkbox-wrapper {
    margin-left: 0;
  }

  .exam-detail-wrap {
    background: #FFFFFF;
    border: 1px solid $page-border-color;
   // padding: 20px;
    position: relative;
    border-radius: 25px;


    // 单选
    .ant-radio-wrapper .ant-radio .ant-radio-inner,
    .ant-radio .ant-radio-inner {
      width: 26px;
      height: 26px;
    }

    .ant-radio-inner:after {
      width: 20px;
      height: 20px;
      top: 2px;
      left: 2px;
    }

    .exam-detail-top {
      font-family: $DFYuanW7-GBK;
      font-size: $big-font-size;
      color: $form-font-color;
      letter-spacing: 0;
      padding-bottom: 30px;
      border-bottom:dashed 1px $page-border-color;
    }
    .question-wrap {
      height: 1393px;
      overflow: auto;
      padding-bottom: 20px;
    }
    .exam-detail-items {
      padding: 32px 58px 60px 56px;
      font-family: $DFYuanW7-GBK;
      font-size: 20px;
      color: $form-font-color;
      letter-spacing: 0;

      .exam-detail-item {

        .exam-detail-title {
          padding-bottom: 16px;
          padding-top: 15px;
        }

        .exam-detail-choice {
          padding-left: 50px;

          .radio-vertical {
            display: block;
            font-family: $DFYuanW7-GBK;
            font-size: 20px;
            color: $form-font-color;
            letter-spacing: 0;
            padding-bottom: 15px;
          }
        }
      }
    }

    .exam-detail-submit {
      text-align: center;

      .btn-submit {
        background-color: $btn-bg-color;
        color: white;
      }
    }
  }

  .exam-detail-return {
    padding-top: 13px;
  }

  //多选
  .ant-checkbox-wrapper {
    display: block;
    padding-bottom: 15px;
    &:hover {

      .ant-checkbox-inner {
        border-color: #999999;
      }
    }

    .ant-checkbox-inner {
      border-color: #999999;
    }
  }
  .ant-checkbox-group {
    //padding-left: 50px;
  }
  .ant-checkbox-checked .ant-checkbox-inner,
  .ant-checkbox-indeterminate .ant-checkbox-inner {
    background-color: #ffffff;
    border-color: #999999;
  }

  .ant-checkbox-checked {
    border-color: #999999;

    &:hover {
      .ant-checkbox-inner {
        border-color: #999999;
      }
    }
  }

  .ant-checkbox-inner {
    width: 26px;
    height: 26px;
    border-radius: 50%;
  }

  .ant-checkbox-checked .ant-checkbox-inner:after {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    border:none;
    background-color: $radio-check-color ;
  }

  .ant-checkbox {
    vertical-align: top;
   // margin-top: 5px;
  }

  .ant-checkbox-wrapper {
    font-size: 20px;
  }

  //question option
  .radio-vertical.ant-radio-wrapper {
    >span:nth-child(2) {
      display: inline-block;
      width: 700px;
      white-space: normal;
    }
  }

}


